<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
	<th:block th:include="include :: header('新增打单')" />
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<form class="form-horizontal m" id="form-user-add">




			<div class="col-md-6">
				<div class="form-group">
					<label class="col-sm-3 control-label">文本框：</label>
					<div class="col-sm-9">
						<input type="text" name="" class="form-control" placeholder="请输入文本">
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">下拉框：</label>
					<div class="col-sm-9">
						<select class="form-control" name=""></select>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">复选框：</label>
					<div class="col-sm-9">
						<label class="check-box">
							<div class="icheckbox-blue">
								<input type="checkbox" value="option1" id="inlineCheckbox1" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
							</div>选项1</label>
						<label class="check-box">
							<div class="icheckbox-blue">
								<input type="checkbox" value="option2" id="inlineCheckbox2" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
							</div>选项2</label>
						<label class="check-box">
							<div class="icheckbox-blue">
								<input type="checkbox" value="option3" id="inlineCheckbox3" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
							</div>选项3</label>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">纯文本：</label>
					<div class="col-sm-9">
						<p class="form-control-static">这里是纯文字信息</p>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="form-group">
					<label class="col-sm-3 control-label">密码框：</label>
					<div class="col-sm-9">
						<input type="password" class="form-control" name="password" placeholder="请输入密码">
					</div>
				</div>
			</div>

		</form>
	</div>
	<th:block th:include="include :: footer" />
	<script type="text/javascript">
		var prefix = ctx + "demo/operate";
		
		$("#form-user-add").validate({
			onkeyup: false,
			rules:{
				userPhone:{
					isPhone:true
				},
				userEmail:{
					email:true
				},
			},
		    focusCleanup: true
		});
		
		function submitHandler() {
	        if ($.validate.form()) {
	        	$.operate.save(prefix + "/add", $('#form-user-add').serialize());
	        }
	    }
	</script>
</body>
</html>
